<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			图片img
			width 宽度
			height 高度
			它是一个很典型的行内元素,但是可以设置宽高
			可设置宽和高 、共处一行inline-block(img、video、)
		-->
		<div align="center">
			<img src="img/mimi.jpeg" width="50%"/>
			<img src="img/mimi.jpeg" width="100"/>
			 <video src="" controls=""></video>
			 <video src="" controls=""></video>
			 <span width="100"></span>
			 <a href=""></a>
		</div>
		
		<img src="img/map.jpg" alt="" usemap="#hotmap"/>
		<map name="hotmap">
			<area shape="rect" coords="181,118,278,204" href="http://zhihu.com" alt="知乎" target="_blank"/>
			<area shape="circle" coords="372,181,7" href="http://csdn.net" alt="csdn程序员社区" />
			<!--
				多边形
				638，276
				633,173
				526,208
			-->
			<area shape="poly" coords="638,276,633,173,526,208" href="http://sports.qq.com" alt="NBA" />
		</map>
	</body>
</html>
